<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/header-nav.css" />
    <link rel="stylesheet" href="css/header-login.css" />
    <link rel="stylesheet" href="css/header-search.css" />
    <link rel="stylesheet" href="css/main-position.css" />
    <link rel="stylesheet" href="css/tabs-module.css" />
    <link rel="stylesheet" href="css/hot-position.css" />
    <link rel="stylesheet" href="css/hot-company.css" />
    <link rel="stylesheet" href="css/hot-link.css">
    <link rel="stylesheet" href="css/footer-top.css">
    <link rel="stylesheet" href="css/footer-bottom.css">
    <title>首页</title>
  </head>

  <body>
    <!-- 页面顶部开始 -->
    <header>
      <!-- 页面顶部导航栏开始 -->
      <div class="nav">
        <div class="inner-c nav-c">
          <!-- 顶部导航栏左边开始 -->
          <div class="left">
            <h1 class="logo"><a href="index.html">lagou</a></h1>
            <!-- 城市切换开始 -->
            <div class="city">
              <span class="all-city">全国站</span>
              <span class="switch-city">[切换城市]</span>
            </div>
            <!-- 城市切换结束 -->
            <!-- 网页导航开始 -->
            <ul>
              <li class="current"><a href="index.html">首页</a></li>
              <li><a href="company.html">公司</a></li>
              <li><a href="javascript:;">校园招聘</a></li>
              <li><a href="javascript:;">职位</a></li>
              <li><a href="javascript:;">言职</a></li>
              <li>
                <a href="javascript:;">课程<span class="new">new</span></a>
              </li>
            </ul>
            <!-- 网页导航结束 -->
          </div>
          <!-- 顶部导航栏左边结束 -->
          <!-- 顶部导航栏右边开始 -->
          <div class="right">
            <ul>
              <li class="resume"><a href="javascript:;">上传简历</a></li>
              <li class="position"><a href="javascript:;">职位订阅</a></li>
              <li class="login">
                <a href="javascript:;"><i class="user"></i>登录</a>
              </li>
              <li><span>|</span></li>
              <li class="register"><a href="javascript:;">注册</a></li>
              <li class="app">
                <a href="javascript:;"><i class="phone"></i>拉钩APP</a>
              </li>
              <li class="company"><a href="javascript:;">进入企业版</a></li>
            </ul>
          </div>
          <!-- 顶部导航栏右边结束 -->
        </div>
      </div>
      <!-- 页面顶部导航栏结束 -->
      <!-- 页面登录区域开始 -->
      <div class="login-form">
        <div class="inner-c login-c">
          <!-- 页面登录区域左侧广告开始 -->
          <div class="login-left">
            <div class="ads"></div>
            <div class="text">
              <p class="company"></p>
              <p class="info">1084379 | 8174083个职位，在拉钩等你</p>
            </div>
          </div>
          <!-- 页面登录区域左侧广告结束 -->
          <!-- 页面右侧登录区域开始 -->
          <div class="login-right">
            <div class="number">
              0086
              <div class="region">
                <dl>
                  <dt>常用</dt>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                </dl>
                <dl>
                  <dt>常用</dt>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                </dl>
                <dl>
                  <dt>常用</dt>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                </dl>
                <dl>
                  <dt>常用</dt>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                </dl>

                <dl>
                  <dt>常用</dt>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                </dl>
                <dl>
                  <dt>常用</dt>
                  <dd>
                    <span class="nation">中国</span>
                    <span class="nation-number">0086</span>
                  </dd>
                </dl>
                <p>如果没有找到您的所在归属地，请拨打客服电话4006282835解决。</p>
              </div>
            </div>
            <input type="text" class="account" placeholder="请输入手机号" />
            <input type="text" class="auth-code" placeholder="验证码" />
            <span><i>获取</i></span>
            <input type="button" class="login-or-register" value="登录/注册" />
          </div>
          <!-- 页面右侧登录区域结束 -->
        </div>
      </div>
      <!-- 页面登录区域开始 -->
      <!-- 页面顶部搜索栏开始 -->
      <div class="search">
        <div class="search-c">
          <input class="search-input" type="text" placeholder="搜索公司、职位、或地点" />
          <input class="search-btn" type="button" value="搜索" />
        </div>
      </div>
      <!-- 页面顶部搜索栏结束 -->
    </header>
    <!-- 页面顶部结束 -->
    <!-- 页面主体内容开始 -->
    <main>
      <!-- 页面职位区域开始 -->
      <div class="position inner-c">
        <!-- 职位区域左侧区域 -->
        <div class="position-left">
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
          <dl class="type">
            <dt class="title">技术</dt>
            <dd class="item"><a href="javascript:;">Java</a></dd>
            <dd class="item"><a href="javascript:;">PHP</a></dd>
            <dd class="item"><a href="javascript:;">C++</a></dd>
            <dd class="item"><a href="javascript:;">区块链</a></dd>
            <div class="more">
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">C++</a><i>|</i></dd>
              </dl>
              <dl class="detail">
                <dt class="title">后端开发</dt>
                <dd class="item"><a href="javascript:;">区块链</a><i>|</i></dd>
                <dd class="item"><a href="javascript:;">PHP</a><i>|</i></dd>
              </dl>
            </div>
          </dl>
        </div>
        <!-- 职位区域右侧区域 -->
        <div class="position-right">
          <div class="banner"></div>
        </div>
        <!-- 职位右侧区域开始 -->
        <div class="position-right">
          <div class="banner-box">
            <img src="./images/banner_01.jpg" />
            <img src="./images/banner_02.jpg" />
            <img src="./images/banner_03.jpg" />
            <img src="./images/banner_04.jpg" />
            <img src="./images/banner_05.jpg" />
            <span class="left-arrow"></span>
            <span class="right-arrow"></span>
            <ol class="tips">
              <li></li>
              <li></li>
              <li class="current"></li>
              <li></li>
              <li></li>
            </ol>
          </div>
        </div>
        <!-- 职位右侧区域结束 -->
      </div>
      <!-- 页面职位区域结束 -->
      <!-- 页面热门职位开始 -->
      <div class="tabs hot-position tabs-c inner-c">
        <ul class="tabs-head">
          <li class="current">24Hour热门</li>
          <li>最新职位</li>
        </ul>
        <p class="notice">过去24小时，最多人看过的岗位在这里<span>我知道了</span></p>
        <div class="tabs-detail">
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>资深Unity开发工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">unity 3D</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
          <div class="item">
            <div class="describe">
              <h2>高级Java工程师</h2>
              <span class="time">[20:14发布]</span>
              <i></i>
              <span class="salary">25k-45k</span>
            </div>
            <p>经验5年 / 本科</p>
            <div class="keyword">
              <span class="keyword-item">后端</span>
              <span class="keyword-item">服务器端</span>
              <span class="keyword-item">Java</span>
            </div>
            <dl class="company">
              <dt class="logo">
                <img src="./images/wanba.png" />
              </dt>
              <dd class="introduce">
                <p class="text">玩吧</p>
                <p class="text">社交 / B轮 / 北京社交</p>
              </dd>
            </dl>
          </div>
        </div>
        <a class="look-more" href="javascript:;">查看更多</a>
      </div>
      <!-- 页面热门职位结束 -->
      <!-- 页面热门公司开始 -->
      <div class="tabs hot-company tabs-c inner-c">
        <ul class="tabs-head">
          <li class="current">互联网热门公司榜</li>
          <li>最新公司</li>
        </ul>
        <p class="notice">过去24小时，最多人看过的岗位在这里<span>我知道了</span></p>
        <div class="tabs-detail">
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">60%</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">60%</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
          <div class="item">
            <ul class="company">
              <dt class="logo"><img src="./images/company_logo_eye.png" /></dt>
              <dd class="title">果壳网</dd>
              <dd class="subTitle">人工智能 / D轮及以上</dd>
              <dd class="text">七险一金，年轻扁平化管理，带薪年假，有旅游</dd>
            </ul>
            <div class="other">
              <div class="evaluate">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">面试评价</a></p>
              </div>
              <div class="employment">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">在招职位</a></p>
              </div>
              <div class="resume">
                <p class="num"><a href="javascript:;">16</a></p>
                <p class="content"><a href="javascript:;">简历处理率</a></p>
              </div>
            </div>
          </div>
        </div>
        <a class="look-more" href="javascript:;">查看更多</a>
      </div>
      <!-- 页面热门公司结束 -->
      <!-- 页面友情链接开始 -->
      <div class="tabs friend-link tabs-c inner-c">
        <ul class="tabs-head">
          <li class="current">24Hour热门</li>
          <li>热门城市</li>
          <li>热门公司</li>
          <li>热门职位</li>
        </ul>
        <div class="tabs-detail">
          <ul class="link">
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>招聘网</a></li></li>
            <li class="item"><a>招聘</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>招聘网</a></li></li>
            <li class="item"><a>招聘</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>招聘网</a></li></li>
            <li class="item"><a>招聘</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>找工作</a></li></li>
            <li class="item"><a>更多</a></li></li>
          </ul>
          <p class="show">展开</p>
        </div>
      </div>
      <!-- 页面友情链接结束 -->
    </main>
    <!-- 页面主体内容结束 -->
    <!-- 页面底部开始 -->
    <footer>
      <!-- 页面底部顶部区域开始 -->
      <div class="footer-top">
        <div class="inner-c more-info-c">
          <div class="info-left">
            <a class="check app" href="javascript:;">
              <i><span></span>下载拉钩APP</i>
            </a>
            <a class="check mini-program" href="javascript:;">
              <i><span></span>微信小程序</i>
              <img src="./images/mini_pro.png">
            </a>
              <ol>
                <li class="weixin"><span></span><a href="javascript:;">拉钩微信</a><img src="./images/qr_code.png"></li>
                <li class="weibo"><span></span><a href="javascript:;">拉钩微博</a></li>
              </ol>
          </div>
          <div class="info-right">
            <dl class="service">
              <dt class="title">企业服务</dt>
              <dd><a>招聘抢人宝典</a></dd>
              <dd><a>公司搜索</a></dd>
              <dd><a>拉钩APP</a></dd>
            </dl>
            <dl class="help">
              <dt class="title">用户帮助</dt>
              <dd><a>用户服务协议</a></dd>
              <dd><a>隐私政策</a></dd>
              <dd><a>在线提问</a></dd>
            </dl>
            <dl class="contact">
              <dt class="title">联系方式</dt>
              <dd>服务热线：4006 2828 35 (9:00 - 18:00)</dd>
              <dd><a>企业服务邮箱：cc@lagou.com</a></dd>
              <dd><a>联系我们</a></dd>
            </dl>
          </div>
        </div>
      </div>
      <!-- 页面底部顶部区域结束 -->
      <!-- 页面底部底部区域开始 -->
      <div class="footer-bottom">
        <div class="inner-c other-info-c">
          <p class="copyright">&copy;2021 拉钩 <a href="javascript:;">京ICP备14023790号-2</a></p>
          <p class="identification"><i></i><a href="javascript:;"">京公网安备 11010802024043号</a></p>
          <div class="report">
            <i class="icon"></i>
            <p class="content">
              <span>违法和不良信息举报</span>
              <span>电话: 4006 2828 35</span>
              <span>邮箱: cc@lagou.com</span>
            </p>
          </div>
          <p class="lagou"></p>
        </div>
      </div>
      <!-- 页面底部底部区域结束 -->
      <!-- 底部回到顶部图标开始 -->
      <p class="back-top"></p>
      <!-- 底部回到顶部图标结束 -->
    </footer>
    <!-- 页面底部结束 -->
  </body>
</html>
